<html>

<head>
    <script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/require.js/2.3.6/require.js"></script>
    <script src="main.js"></script>
    <link rel="stylesheet" href="main.css" />
    <link rel="stylesheet" href="ani-class.css" />
    <link rel="stylesheet" href="page/1.css" />
    <link rel="stylesheet" href="page/2.css" />
    <link rel="stylesheet" href="page/3.css" />
    <link rel="stylesheet" href="page/4.css" />
    <link rel="stylesheet" href="page/6.css" />
</head>

<body>
    <button class="whole" id="cover"></button>
    <div class="whole page" id="page-1">
        <img class="free-ent" id="astronauts" src="assets/img/1/astronauts.png" />
        <img class="free-ent staring" id="star" src="assets/img/1/star.png" />
        <img class="free-ent" id="planet" src="assets/img/1/planet.png" />
    </div>
    <div class="whole page" id="page-2"></div>
    <div class="whole page" id="page-3">
        <div class="text-block">
            <img class="texts" src="assets/img/3/PMer.png" />
            <img class="texts" src="assets/img/3/text.png" />
        </div>
        <img class="free-ent swing" id="Axure" src="assets/img/3/Axure - Assistor.png" />
        <img class="free-ent swing-reverse" id="X-mind" src="assets/img/3/X-mind - Assistor.png" />
        <div class="swing-slow">
            <img class="free-ent" id="UFO-3" src="assets/img/3/UFO-3.png" />
        </div>
    </div>
    <div class="whole page" id="page-4">
        <div class="text-block">
            <img class="texts" src="assets/img/4/Der.png">
            <img class="texts" src="assets/img/4/text.png">
        </div>
        <div class="middle UFO-4-block">
            <img class="staring" id="flashing" src="assets/img/4/flashing.png">
            <img class="meating-reverse" id="UFO-4" src="assets/img/4/UFO-4.png">
        </div>
        <div class="Monster-block" id="Monster-4-block">
            <img class="Monster-meating" src="assets/img/4/Monster.png">
        </div>
    </div>
    <div class="whole page" id="page-5">
        <div class="text-block">
            <img class="texts meating-reverse" src="assets/img/5/Per.png">
            <img class="texts" src="assets/img/5/group.png">
            <img class="texts" src="assets/img/5/text.png">
        </div>
        <div class="Monster-block" id="Monster-5-block">
            <img class="Monster-meating" src="assets/img/5/Monster.png">
        </div>
    </div>
    <div class="whole page" id="page-6">
        <a class="middle free-ent" id="bn-join-img"  href="https://coder.twtstudio.com/join">
            <img class="meating" src="assets/img/6/BN-JOIN.png">
        </a>
    </div>
</body>

</html>